<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="../css/moveme.css" />
	<link rel="stylesheet" type="text/css" href="../fonts/Abel.css" />
	<link rel="stylesheet" type="text/css" href="../fonts/Lato.css" />

	<script src="../js/jquery.js"></script>
	<script src="../js/bootstrap.min.js"></script>
	<script src="../js/raphael-min.js"></script>
    <script src="../js/graffle.js"></script>  
    <script>
        $a = jQuery.noConflict();
    </script>
	
	<script type="text/javascript">
      var count = 0;

      function func() {
        PrimeFaces.ajax.AjaxRequest (
          '#{request.contextPath}/views/button/buttonparam.xhtml',
          {formId:'frm',global:true},
          {
            'frm:btn':'frm:btn',
            'primefacesPartialUpdate':'frm:message',
            'myParameter1':getMyParameter1(),
            'myParameter2':getMyParameter2()
          }
        );
      }

      function getMyParameter1() {
        return "foo" + ++count;
      }

      function getMyParameter2() {
        return "bar" + ++count;
      }
    </script>
    
	<title><ui:insert name="title">Ecodif</ui:insert></title>
</h:head>
<h:body>
<!-- Begin Navigation -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="navbar-header">
	<button type="button" class="navbar-toggle" data-toggle="collapse"
		data-target=".navbar-collapse">
		<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
		<span class="icon-bar"></span> <span class="icon-bar"></span>
	</button>
	<a class="navbar-brand" href="../index.html">EcoDIF</a>
</div>
<div class="navbar-collapse collapse">
	<ul class="nav navbar-nav">
		<li><a href="../index.html">Página Principal</a></li>
		<li><a href="#">Dispositivos</a></li>
		<li><a href="#">Feeds</a></li>
		<li><a href="#">Aplicações</a></li>
		<li><a href="#">Documentação</a></li>
		<li class="active"><a href="#">Editor</a></li>
	</ul>
</div>
</nav>
<!-- End Navigation -->

<!-- Begin Main Editor -->
<div class="container-fluid">
	<div class="row" style="margin-top: 50px;">
		<div style="width: 25%; height: 650px; float: left">
	
	<!-- Begin Panel Menu -->
		<h:form id="myForm">
			<p:growl autoUpdate="true" />

			<p:menu id="myMenu" style="width:100%;" styleClass="defaultFont" model="#{feedMB.menuModel}">
	<!-- 			<p:submenu id="Feed" label="Feeds">
					<p:menuitem id="Feed1" value="Feed 1" actionListener="#" onclick="addFeedSelected();"
								icon="ui-icon-disk" style=""/>
					<p:menuitem id="Feed2" value="Feed 2" actionListener="#"
								icon="ui-icon-arrowrefresh-1-w" />
				</p:submenu> -->
			</p:menu>
		</h:form>
		</div>
        <div style="width:75%;height:650px;float:left">
            <div id="editor" style="height:400px">
            	<h:form>
            		<p:remoteCommand name="someId" action="#{feedMB.confirmFeedAdd}"/>
            	</h:form>
            </div>
            <div style="height:250px;">
            	<pre style="height: 100%; width: 100%;">
            	<h:panelGroup id="showXML" layout="block">
         			<h:outputText id="showFeed" value="#{feedMB.xmlFeed}" />   	
            	</h:panelGroup>
            	</pre>
            </div>
        </div>
	</div>
</div>
<!-- End Main Editor -->

<!-- Begin Footer -->
<div class="ftr">
	<div class="container">
		<div class="row">
			<footer>
			<div class="center">
				<p>Copyright &copy; 2013 GT-EcoDIF | Todos os direitos
					reservados.</p>
			</div>
			</footer>
		</div>
	</div>
</div>
<!-- End Footer -->
</h:body>
</html>